<!-- 聊天 -->
<template>
	<view class="page">
		<!-- 商店 -->
		<Shop class="shop"></Shop>
		<!-- 聊天内容 -->
		<ChatContent class="chat-content"></ChatContent>
		<!-- 发送操作 -->
		<SendOperation class="send-operation"></SendOperation>
	</view>
</template>

<script setup>
	import Shop from './components/shop.vue';
	import ChatContent from './components/chat-content.vue';
	import SendOperation from './components/send-operation.vue';

	uni.setNavigationBarTitle({
		title: '鱼米之乡农资站'
	});
</script>

<style>
	page {
		background-color: white;
	}
</style>
<style lang="scss" scoped>
	.page {
		display: flex;
		flex-direction: column;
		height: 100vh;
		overflow: hidden;
		
		.shop {
			flex-shrink: 0;
		}
		
		.chat-content {
			flex-grow: 1;
			height: 0;
		}
		
		.send-operation {
			flex-shrink: 0;
		}
	}
</style>